<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/menu.css">
</head>
<body>
<div class="menu1">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">个人简介</a></li>
        <li><a href="#">主要作品</a></li>
        <li><a href="#">联系方式</a></li>
    </ul>
</div>

<div class="sep"></div>

<div class="menu2">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">个人简介</a>
            <ul class="submenu">
                <li><a href="">成长历程</a></li>
                <li><a href="">亲朋好友</a></li>
                <li><a href="">个人特点</a></li>
                <li><a href="">展望未来</a></li>
            </ul>
        </li>
        <li><a href="#">主要作品</a>
            <ul class="submenu">
                <li><a href="">学习科目</a></li>
                <li><a href="">课程研究</a></li>
                <li><a href="">编程代码</a></li>
                <li><a href="">具体项目</a></li>
            </ul>
        </li>
        <li><a href="#">联系方式</a></li>
    </ul>
</div>
<div class="sep"></div>
<div class="menu3">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">个人简介</a>
            <ul class="submenu">
                <li><a href="">成长历程</a></li>
                <li><a href="">亲朋好友</a></li>
                <li><a href="">个人特点</a></li>
                <li><a href="">展望未来</a></li>
                <li><a href="">展望未来</a></li>
                <li><a href="">展望未来</a></li>
                <li><a href="">展望未来</a></li>
                <li><a href="">展望未来</a></li>
                <li><a href="">展望未来</a></li>
            </ul>
        </li>
        <li><a href="#">主要作品</a>
            <ul class="submenu">
                <li><a href="">学习科目</a></li>
                <li><a href="">课程研究</a></li>
                <li><a href="">编程代码</a></li>
                <li><a href="">具体项目</a></li>
            </ul>
        </li>
        <li><a href="#">联系方式</a></li>
    </ul>
</div>

</body>
</html>
